<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加销售单管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../layui/css/layui.css" rel="stylesheet">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <!---头部导航栏-->
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black"> <img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">小药店管理平台</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">前台页面</a></li>
            <!--      <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 2</a></li>-->
            <!--      <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 3</a></li>-->
            <!--      <li class="layui-nav-item">-->
            <!--        <a href="javascript:;">nav groups</a>-->
            <!--        <dl class="layui-nav-child">-->
            <!--          <dd><a href="javascript:;">menu 11</a></dd>-->
            <!--          <dd><a href="javascript:;">menu 22</a></dd>-->
            <!--          <dd><a href="javascript:;">menu 33</a></dd>-->
            <!--        </dl>-->
            <!--      </li>-->
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
                <a href="javascript:;">
                    <img src="/Users/chenminggang/Downloads/20200829200211_enkci.jpg" class="layui-nav-img" >
                    叮无缝
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">文件</a></dd>
                    <dd><a href="javascript:;">设置</a></dd>
                    <dd><a href="javascript:;">登出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <!---菜单导航栏-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">采购管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="../purchaseManage/gongyingshangxinxi.html">供应商信息管理</a></dd>
                        <dd><a href="../purchaseManage/yaopinxinxi.html">药品信息管理</a></dd>
                        <dd><a href="../purchaseManage/caigoudan.html">采购单添加</a></dd>
                        <dd><a href="../purchaseManage/PurchaseDetail.html">采购明细管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">销售管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./addsale.html">销售单添加管理</a></dd>
                        <dd class="layui-this"><a href="javascript:;">销售明细管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">药店统计管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="../medicalstatisticmanage/Inboundstatistic.html">入库统计</a></dd>
                        <dd><a href="../medicalstatisticmanage/salestatistic.html">销售统计</a></dd>
                        <dd><a href="../medicalstatisticmanage/inventoryinquiry.html">库存查询</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">人事管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="../peoplemanage/addpeople.html">员工添加</a></dd>
                        <dd><a href="../peoplemanage/managepeople.html">员工管理</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">打印管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="../print/enterlibrary.html">入库单</a></dd>
                        <dd><a href="../print/systemmanage">出库单</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="../systemmanage/updatepassword.html">修改密码</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>


    <!---内容-->
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <blockquote class="layui-elem-quote layui-text">
                首页 / 销售管理 / 销售明细
            </blockquote>
            <!-- 销售信息表格 -->
    <div class="layui-body">
        <table class="layui-table" lay-data="{height: 'full-150', url:'/sales/show', page:true, parseData: function(res){ return { 'code': 0, 'msg': '', 'count': res.length, 'data': res }; }}" id="salesTable">
            <thead>
            <tr>
                <th lay-data="{field:'danjuhao', title:'销售单据号'}">销售单据号</th>
                <th lay-data="{field:'shijian', title:'销售时间'}">销售时间</th>
                <th lay-data="{field:'zongjiage', title:'总金额'}">总金额</th>
                <th lay-data="{field:'jingshouren', title:'负责人'}">负责人</th>
                <th lay-data="{field:'beizhu', title:'备注'}">备注</th>
                <th lay-data="{toolbar: '#delete_operation'}">操作</th>
            </tr>
            </thead>
        </table>

    </div>
</div>
        </div>
    </div>

    <!---底部导航栏-->
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        底部固定区域
    </div>
</div>

<script src="../../layui/layui.js"></script>
<script type="text/html" id="delete_operation">    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script>
    layui.use(['table', 'layer', 'jquery'], function() {
        var table = layui.table;
        var layer = layui.layer;
        var $ = layui.jquery; // 确保 jQuery 正确加载

        // 初始化表格
        table.render({
            elem: '#salesTable',
            height: 'full-150',
            url: '/sales/show', // 数据接口
            page: true, // 开启分页
            parseData: function(res){ // 将返回的数据解析成表格需要的格式
                return {
                    "code": 0, // 解析接口状态
                    "msg": "", // 解析提示文本
                    "count": res.data.length, // 解析数据长度
                    "data": res.data // 解析数据列表
                };
            },
            cols: [[ // 表头
                {field: 'danjuhao', title: '销售单据号'},
                {field: 'shijian', title: '销售时间'},
                {field: 'zongjiage', title: '总金额'},
                {field: 'jingshouren', title: '负责人'},
                {field: 'beizhu', title: '备注'},
                {field: 'id', title: '操作', toolbar: '#delete_operation'}
            ]]
        });

        // 监听工具条
        table.on('tool(salesTable)', function(obj){
            var data = obj.data; // 获取当前行数据
            var layEvent = obj.event; // 获取 lay-event 对应的值

            if(layEvent === 'del'){
                layer.confirm('确定要删除该销售单吗？', {icon: 3, title:'提示'}, function(index){
                    $.ajax({
                        url: '/sales/delete/' + data.id, // 确保 URL 正确
                        type: 'DELETE', // 确保请求类型为 DELETE
                        success: function(response) {
                            if (response.code === 0) {
                                layer.msg(response.message, {icon: 1});
                                // 刷新表格数据
                                table.reload('salesTable'); // 重新加载表格数据
                            } else {
                                layer.msg(response.message, {icon: 5});
                            }
                        },
                        error: function() {
                            layer.msg('请求失败', {icon: 5});
                        }
                    });
                    layer.close(index);
                });
            }
        });
    });
</script>

</body>
</html>